{include file="public/header" /}

<style>
    html {
        background-color: #fff !important;
    }
    .layui-form {
        padding-bottom: 200px;
    }

    .title {
        margin: 20px;
        padding-left: 10px;
        border-left: 3px solid #1890ff;
        font-size: 15px;
        line-height: 15px;
        color: #303133;
    }
</style>
<body>
<div class="layui-fluid layui-anim layui-anim-downbit">
    <form class="layui-form" action="{:url('order/deliver')}">
        <input type="hidden" name="id" value="{$info.id}"/>

        <div class="title">收货信息</div>
        <div class="layui-row">
            <div class="layui-col-xs12">
                <div class="layui-form-item">
                    <label class="layui-form-label">收货人 </label>
                    <div class="layui-input-inline">
                        <input type="text" value="{$info->receiver}" name="receiver"
                               lay-verify="required"
                               lay-reqtext="请填写收货人" placeholder="请填写收货人"
                               class="layui-input"/>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs12">
                <div class="layui-form-item">
                    <label class="layui-form-label">收货电话 </label>
                    <div class="layui-input-inline">
                        <input type="text" value="{$info->receiver_tel}" name="receiver_tel"
                               lay-verify="required"
                               lay-reqtext="请填写收货电话" placeholder="请填写收货电话"
                               class="layui-input"/>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs12">
                <div class="layui-form-item" style="display: flex">
                    <label class="layui-form-label">收货地址 </label>

                    <div class="layui-inline sunSelect" data-url="{:url('Order/getArea')}"
                         data-value="id"
                         data-name="title">
                        <div class="layui-input-inline">
                            <select name="province" data-name="省" data-level="0"
                                    data-id="{$info.province}"
                                    lay-filter="sunSelect"></select>
                        </div>
                        <div class="layui-input-inline">
                            <select name="city" data-name="市" data-level="1" data-id="{$info.city}"
                                    lay-filter="sunSelect"></select>
                        </div>
                        <div class="layui-input-inline">
                            <select name="district" data-name="区/县" data-level="2"
                                    data-id="{$info.district}"
                                    lay-filter="sunSelect"></select>
                        </div>
                    </div>

                </div>
            </div>
            <div class="layui-col-xs12">

                <div class="layui-form-item">
                    <label class="layui-form-label">详细地址 </label>
                    <div class="layui-input-block">
                        <input type="text" value="{$info.address_details}" name="address_details"
                               lay-verify="required"
                               lay-reqtext="请填写详细地址" placeholder="请填写详细地址"
                               class="layui-input"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="title">发货信息</div>
            <div class="layui-col-xs12">
                <div class="layui-form-item">
                    <label for="express_id" class="layui-form-label req">快递公司</label>
                    <div class="layui-input-inline">
                        <select name="express_id" id="express_id" lay-filter="express_id">
                            {volist name="express" id="vo"}
                            <option value="{$vo.id}" {if $info.express_id== $vo.id}selected{/if} >{$vo.title}</option>
                            {/volist}
                        </select>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs12">
                <div class="layui-form-item">
                    <label class="layui-form-label req">快递单号 </label>
                    <div class="layui-input-block">
                        <input type="text" value="{$info.express_code}" name="express_code"
                               lay-verify="required"
                               lay-reqtext="请填写快递单号" placeholder="请填写快递单号"
                               class="layui-input" autocomplete="off"/>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs12">
                <div class="layui-form-item">
                    <label class="layui-form-label">发货备注 </label>
                    <div class="layui-input-block">
                        <input type="text" value="{$info.post_remark}" name="post_remark"
                               placeholder="发货备注(选填)"
                               class="layui-input" autocomplete="off"/>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
</body>
{include file="public/footer" /}
<script>
    layui.use(['edit'], function () {
        layui.edit.method.listenLinkage();
    });
</script>
</html>